<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		 		<script type="text/javascript" src="js/lib/jquery.min.js" ></script>
		<link rel="stylesheet" href="fonts/iconfont.css">
		<link href="css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet/less" type="text/css" href="css/xStyle.less" />
        <script type="text/javascript" src="js/lib/less.js" ></script>

		
	</head>
	<body>

<div id ="x1"  style="width: 400px"></div>
<div style="height:20px"></div>
<input /> 
<input /> 

<div id ="x2" style="width: 400px"></div>

	
   <script type="module">

	import  xTreeSelect from './js/src/xTreeSelect.js';
	import {south} from './js/data/chinaTree.js' 
   
	new xTreeSelect({el:"x1",data:south,placeholder:'xxx',mandatory:true,check:true});
	
	 
	</script>
	
	
	</body>
</html>
